<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<link rel="stylesheet" href="${APP_PATH}/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="${APP_PATH}/css/font-awesome.min.css">
	<link rel="stylesheet" href="${APP_PATH}/css/main.css">
	<link rel="stylesheet" href="${APP_PATH }/css/pagination.css">
	<style>
		.tree li {
			list-style-type: none;
			cursor:pointer;
		}
		table tbody tr:nth-child(odd){background:#F4F4F4;}
		table tbody td:nth-child(even){color:#C00;}
	</style>
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 用户维护</a></div>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<jsp:include page="/WEB-INF/jsp/common/top.jsp"></jsp:include>
			</ul>
			<form class="navbar-form navbar-right">
				<input type="text" class="form-control" placeholder="Search...">
			</form>
		</div>
	</div>
</nav>

<div class="container-fluid">
	<div class="row">
		<div class="col-sm-3 col-md-2 sidebar">
			<div class="tree">
				<jsp:include page="/WEB-INF/jsp/common/menu.jsp"></jsp:include>
			</div>
		</div>
		<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
				</div>
				<div class="panel-body">
					<form class="form-inline" role="form" style="float:left;">
						<div class="form-group has-feedback">
							<div class="input-group">
								<div class="input-group-addon">查询条件</div>
								<input id="queryText" class="form-control has-success" type="text" placeholder="请输入查询条件">
							</div>
						</div>
						<button id="queryBtn" type="button" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
					</form>
					<button type="button" class="btn btn-danger" id="deleteBatchBtn" style="float:right;margin-left:10px;"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
					<button type="button" class="btn btn-primary" style="float:right;" onclick="window.location.href='${APP_PATH}/user/toAdd.htm'"><i class="glyphicon glyphicon-plus"></i> 新增</button>
					<br>
					<hr style="clear:both;">
					<div class="table-responsive">
						<table class="table  table-bordered">
							<thead>
								<tr >
									<th width="30">#</th>
									<th width="30"><input id="allCheckbox" type="checkbox"></th>
									<th>账号</th>
									<th>名称</th>
									<th>邮箱地址</th>
									<th width="100">操作</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
							<tfoot>
								<tr >
									<td colspan="6" align="center">
										<div id="Pagination" class="pagination"><!-- 这里显示分页 --></div>
									</td>
								</tr>

							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="${APP_PATH}/jquery/jquery-2.1.1.min.js"></script>
<script src="${APP_PATH}/bootstrap/js/bootstrap.min.js"></script>
<script src="${APP_PATH}/script/docs.min.js"></script>
<script type="text/javascript" src="${APP_PATH }/jquery/layer/layer.js"></script>
<script type="text/javascript" src="${APP_PATH }/script/menu.js"></script>
<script src="${APP_PATH}/jquery/pagination/jquery.pagination.js"></script>
<script type="text/javascript">
    $(function () {
        $(".list-group-item").click(function(){
            if ( $(this).find("ul") ) {
                $(this).toggleClass("tree-closed");
                if ( $(this).hasClass("tree-closed") ) {
                    $("ul", this).hide("fast");
                } else {
                    $("ul", this).show("fast");
                }
            }
        });
        showMenu();

        //异步加载用户列表
        queryPageUser(0);  //传的时索引

    });
    $("tbody .btn-success").click(function(){
        window.location.href = "assignRole.html";
    });
    $("tbody .btn-primary").click(function(){
        window.location.href = "edit.html";
    });

    var jsonObj = {"pageno":1,"pagesize":10};

    //异步加载管理员列表
	function queryPageUser(pageIndex) {
        jsonObj.pageno = pageIndex+1;
		$.ajax({
			type:"POST",
			data:jsonObj,
			url:"${APP_PATH}/user/doIndex.do",
			success:function (result) {
				if(result.success){
                    var page = result.page;
                    var data = page.datas;

                    var content = '';

                    $.each(data,function(i,n){
                        content+='<tr>';
                        content+='  <td>'+(i+1)+'</td>';
                        content+='  <td><input type="checkbox" id="'+n.id+'" name="'+n.loginacct+'"></td>';
                        content+='  <td>'+n.loginacct+'</td>';
                        content+='  <td>'+n.username+'</td>';
                        content+='  <td>'+n.email+'</td>';
                        content+='  <td>';
                        content+='	  <button type="button" onclick="window.location.href=\'${APP_PATH}/user/assignRole.htm?id='+n.id+'\'" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>';
                        content+='	  <button type="button" onclick="window.location.href=\'${APP_PATH}/user/toUpdate.htm?id='+n.id+'\'" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>';
                        content+='	  <button type="button" onclick="deleteUser('+n.id+',\''+n.loginacct+'\')" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>';
                        content+='  </td>';
                        content+='</tr>';
                    });
                    $("tbody").html(content);

                    // 创建分页
                    $("#Pagination").pagination(page.totalsize, {
                        num_edge_entries: 1, //边缘页数
                        num_display_entries: 2, //主体页数
                        callback: queryPageUser,
                        items_per_page:page.pagesize, //每页显示1项
                        current_page:(page.pageno-1),
                        prev_text : "上一页",
                        next_text : "下一页"
                    });

                }else{

                }
            }

		})
    };


    //模糊查询
    $("#queryBtn").click(function (){
		var queryText = $("#queryText").val();
		jsonObj.queryText = queryText;
		queryPageUser(0)
	});

    //删除管理员
    function deleteUser(id,loginacct){
        layer.confirm("确认要删除【"+loginacct+"】用户吗？",{icon:3,title:'提示'},function (cindex) {
            $.ajax({
                type:"POST",
                data:{"id":id},
                url:"${APP_PATH}/user/doDelete.do",
                success:function (result) {
                    if(result.success){
                        window.location.href="${APP_PATH}/user/index.htm";
                    }else{
                        layer.msg("用户删除失败",{time:1000,icon:5,shift:6});
                    }
                }
            });
            layer.close(cindex);
        },function (cindex) {
            layer.close(cindex);
        });

	}

	//获取复选框
	$("#allCheckbox").click(function () {
		var checkedStatus = this.checked;
		//不能用attr
		$("tbody tr td input[type='checkbox']").prop("checked",checkedStatus);
    })

	//批量删除管理员
	$("#deleteBatchBtn").click(function () {
        var selectCheckbox = $("tbody tr td input:checked");

        if(selectCheckbox.length == 0){
            layer.msg("请选择要删除管理员",{time:1000,icon:5,shift:6});
            return false;
		}

		var jsonObj = {};
        $.each(selectCheckbox,function (i,n) {
            jsonObj["datas["+i+"].id"] = n.id;
            jsonObj["datas["+i+"].loginacct"] = n.name;
        })

        layer.confirm("确认要删除这些用户吗？",{icon:3,title:'提示'},function (cindex) {
            $.ajax({
                type:"POST",
                data:jsonObj,
                url:"${APP_PATH}/user/doDeleteBatch.do",
                success:function (result) {
                    if(result.success){
                        window.location.href="${APP_PATH}/user/index.htm";
                    }else{
                        layer.msg("用户删除失败",{time:1000,icon:5,shift:6});
                    }
                }
            });
            layer.close(cindex);
        },function (cindex) {
            layer.close(cindex);
        });
    })

</script>
</body>
</html>

    